<template>
    <div class="page has-navbar visa">
        <von-header>
            <button class="button button-icon ion-ios-arrow-back" slot="left" @click="$router.go(-1)"></button>
            <span slot="title" class="visa-tilte">签证</span>
        </von-header>
        <img src="../assets/image/visa/visa-home-header-banner.jpg" alt="">
        <div class="page-content">
            <div class="visa-content">
                <ul class="row">
                    <li><router-link to="/visadetail/american"><img src="../assets/image/visa/america.jpg"><p>美国</p></router-link></li>
                    <li><router-link to="/visadetail/canada"><img src="../assets/image/visa/canada.jpg"><p>加拿大</p></router-link></li>
                    <li><router-link to="/visadetail/australia"><img src="../assets/image/visa/australia.jpg"><p>澳大利亚</p></router-link></li>
                </ul>
                <ul class="row">
                    <li><router-link to="/visadetail/newZealand"><img src="../assets/image/visa/new-zealand.jpg"><p>新西兰</p></router-link></li>
                    <li><router-link to="/visadetail/england"><img src="../assets/image/visa/england.jpg"><p>英国</p></router-link></li>
                    <li><router-link to="/visadetail/europe"><img src="../assets/image/visa/europe.jpg"><p>欧洲申根</p></router-link></li>
                </ul>
                <div class="visa-flow">
                    <h4>签证流程</h4>
                    <p class="flow">
                        1.提交订单——2.提交签证材料——3.途风审核材料——4.送签/面试——5.出签
                    </p>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    export default{
        data(){
            return{

            }
        },
        created(){

        }
    }
</script>
<style>
    .visa .bar.bar-header{
        box-shadow: none;
        background: transparent;
    }
    .visa-tilte,.visa .button.button-icon.ion-ios-arrow-back{
        color: #fff;
    }
    .visa>img{
        width:100%;
        position: fixed;
        top:0;
    }
    .visa-content{
        padding:24px;
    }
    .visa.page.has-navbar .page-content{
        padding: 0;
        margin-top:210px;
    }
    .visa-content .row{
        width:100%;
        display: flex;
        margin-bottom: 32px;
    }
    .visa-content .row li{
        display: inline-block;
        width:100%;
        vertical-align: middle;
        margin-right: 13px;
        text-align: center;
        flex:1;
    }
    .visa-content .row li p{
        margin-top: 12px;
        font-size: 16px;
        color: #363636;
    }
    .visa-content .row li img{
        width:100%;
    }
    .visa-flow{
        color: #363636;
    }
    .visa-flow h4{
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .visa-flow p{
        margin: 0 0 10px;
        font-size:12px;
    }
</style>